<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="root">

    </div>
    <!--<script src="src/jtem.0.1.js"></script>-->
    <script src="src/jtem.0.2.js"></script>
    <script id="xxxx" type="text/html">
        <p>name: {{name}}</p>
         <p>age: {{age}}</p>
    </script>

    <script id="xxxx2" type="text/html">
        <p>name: {{name}}</p>
        <p>age: {{age}}</p>
        {{ for(var i in test ) { }}
        <p>test.name: {{test[i].name}}</p>
         {{ }  }}
    </script>

    <script>
            var data={name:"wyd",age:123,test:{name:111}}
            var html=document.querySelector("#xxxx").innerHTML;
            var data2={name:"wyd",age:123,test:[{name:111},{name:222}]}           
            var html2=document.querySelector("#xxxx2").innerHTML;
            JTem.render(data2,html2,document.querySelector("#root"));
    </script>
</body>
</html>